<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">



    <ui:composition>
        <p:dialog header="B&uacute;squeda r&aacute;pida de Materiales" modal="true" widgetVar="dialogBuscarMaterial" closable="true" closeOnEscape="true" width="1100" height="850" >
            <h:form id="quick_material" >

                <p:toolbar style="width: inherit;  border-color:transparent; background:transparent"  >
                    <p:toolbarGroup align="left" style="width: 1100px">
                        <div align="left"><h3><h:outputText value="Informaci&oacute;n de Proyecto"/></h3><p:separator/></div>
                    </p:toolbarGroup>
                    <p:toolbarGroup align="right">
                        <p:commandButton image="ui-icon ui-icon-refresh" title="Actualizar Registros" actionListener="#{materialQuickManaged.limpiar}" update="quick_material mensaje"/>
                    </p:toolbarGroup>
                </p:toolbar>
                <div align="left"><h3><h:outputText value="Informaci&oacute;n de Material"/><p:separator/></h3>
                    <h:panelGrid id="pConMaterial" columns="8">
                        <h:outputText value="Categor&iacute;a"/><p:inputText value="#{materialQuickManaged.selectedMaterial.nombre_cat}" style="width: 200px" readonly="true"/>
                        <h:outputText value="Sub Categor&iacute;a."/><p:inputText value="#{materialQuickManaged.selectedMaterial.nombre_su}" style="width: 200px" readonly="true" />
                        <h:outputText value="Marca" /><p:inputText value="#{materialQuickManaged.selectedMaterial.nombre_marca}" style="width: 200px" readonly="true" />
                        <h:outputText value="C. Barra" /><p:inputText value="#{materialQuickManaged.selectedMaterial.codigo_barra_m}" style="width: 200px" readonly="true" />
                        <h:outputText value="C. Original" /><p:inputText value="#{materialQuickManaged.selectedMaterial.codigo_barra_original_m}" style="width: 200px" readonly="true" />
                        <h:outputText value="U.Medici&oacute;n" /><p:inputText value="#{materialQuickManaged.selectedMaterial.nombre_um}" style="width: 200px" readonly="true" />
                        <h:outputText value="T. Material" /><p:inputText value="#{materialQuickManaged.selectedMaterial.nombre_tm}" style="width: 200px" readonly="true" />
                    </h:panelGrid>
                    <h:panelGrid id="pConMaterial2" columns="2">
                        <h:outputText value="Ubicaci&oacute;n" /><p:inputText value="#{materialQuickManaged.selectedMaterial.ubicacion_dm}" style="width: 700px" readonly="true" />
                        <h:outputText value="Descricpci&oacute;n" /><p:inputText value="#{materialQuickManaged.selectedMaterial.descripcion_m}" style="width: 700px" readonly="true" />
                    </h:panelGrid>

                    <p:dataTable id="tableMaterial" value="#{dataTableList}" var="row" rows="15"
                                 paginator="true"  paginatorPosition="bottom" selectionMode="single" selection="#{materialQuickManaged.selectedMaterial}"
                                 emptyMessage="#{sms.TableEmptyMessage}" onRowSelectUpdate="quick_material:pConMaterial quick_material:pConMaterial2 #{parametroUpdate}" >
                        <f:facet name="header" >
                            <h:outputText value="Lista de Materiales"/>
                        </f:facet>

                        <p:column headerText="T. Material" style="width:50px" sortBy="#{row.nombre_tm}" filterBy="#{row.nombre_tm}">
                            <h:outputText value="#{row.nombre_tm}"/>
                        </p:column>
                        <p:column headerText="Marca" style="width:50px" sortBy="#{row.nombre_marca}" filterBy="#{row.nombre_marca}">
                            <h:outputText value="#{row.nombre_marca}"/>
                        </p:column>
                        <p:column  sortBy="#{row.nombre_m}" filterBy="#{row.nombre_m}" filterMatchMode="contains" headerText="Nombre del Material" style="width:450px" >
                            <h:outputText value="#{row.nombre_m}"/>
                        </p:column>
                        <p:column headerText="M&aacute;x." style="width:30px" sortBy="#{row.maximo_dm}" >
                            <h:outputText value="#{row.maximo_dm}"/>
                        </p:column>
                        <p:column headerText="Min." style="width:30px" sortBy="#{row.minimo_dm}" >
                            <h:outputText value="#{row.minimo_dm}"/>
                        </p:column>
                        <p:column  headerText="Existencia" style="width:50px" sortBy="#{row.existencia_dm}" >
                            <h:outputText value="#{row.existencia_dm}"/>
                        </p:column>

                        <f:facet name="footer">
                            <p:commandButton value="Agregar" action="#{Bean.getMaterial_Quick(materialQuickManaged.selectedMaterial)}" update="#{parametroUpdate}" oncomplete="dialogBuscarMaterial.hide()" title="Seleccionar Material que Devolver&aacute;" />
                        </f:facet>
                    </p:dataTable>
                </div>
            </h:form>
        </p:dialog>
    </ui:composition>


</html>